*{
   
    margin: 0;
    padding: 0;
   
}

html{
    font-family: Helvetica,Arial,sans-serif;
    width: 100%;
    height: auto;
    color: var(--default-fontcolor);
   
}

a{
    text-decoration: none;
    color: inherit;
    font-size: inherit;
}
ul,li{
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

input{
    outline: 0;
    border: 0;
}
/* 滚动条凹槽的颜色，还可以设置边框属性 */
*::-webkit-scrollbar-track-piece {
	background-color: var(--bodyBg);
	border-radius: 2em;
}
/* 滚动条的宽度 */
*::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}
/* 滚动条的设置 */
*::-webkit-scrollbar-thumb {
	background-color: darkgray;
	border-radius: 2em;
	background-clip: padding-box;
}
/* 滚动条鼠标移上去 */
*::-webkit-scrollbar-thumb:hover {
	background-color: #bbb;
}
*::selection{
	background-color: var(--selectedBg);
	color: var(--selectedColor);
}
.flex{
    display: flex;
}
.dot{
    background-color:var(--hint-color) ;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: .2rem;
}

.dot-box{
    padding: .5rem;
}
/* 头部导航样式必须样式  */
.nav-top{
    padding: .5rem;
    display: block;
    background-color: var(--nav-bg);
}
.nav-top li{
    color: var(--nav-color);
    font-size: var(--nav-fontsize);
    padding: 0rem .65rem;
}
.nav-top li:hover{
    color: var(--bestlight-color);
}

.hover_text_bg{
    color: var(--hint-color);
    
}
.content{
    display: flex;
    width: var(--content-width);
    margin: auto;
    /* 往上顶 */
    padding:1.5rem 0;
   
}
.hover_text_bg:hover{
    color: var(--default-color);
    background-color: var(--hint-color);
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
h2,h3{
    padding: 1rem 0 ;
}
.flex-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.divider{
    margin:.5rem 0;
    height: .5px;
    background-color: #ebebeb;
    width: 100%;
}


.lightcolor{
    color: var(--light-color);
}
.none-pd{
    padding: 0!important;
    margin: 0!important;
}

.pl-1{
    padding-left: 1rem;
}
.thin{
   
    font-weight: 300;
}
.py-2{
    padding: 1rem 0;
}
.px-2{
    padding: 0 1rem;
}
.hot-color{
    color: var(--hot-color);
}
.star-text{
    color:var(--yellow-color);
}
.text-center{
    text-align: center;
    vertical-align: middle;
}